import "@/assets/main.css";
import { createApp } from "vue"; // 引入 createApp 方法
import App from "@/App.vue"; // 引入 App.vue 组件
// 导入 Element Plus 图标
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
//Animate.css 是一个跨浏览器的 CSS 动画库
import "animate.css";
// 导入路由
import router from "@/router";
// import './assets/main.css'      // 引入 main.css 样式文件
// 导入全局路由守卫
import "@/permission";
//加载条
import "nprogress/nprogress.css";
// 引入全局状态管理 Pinia
import pinia from "@/stores";

// 图片点击放大
import "viewerjs/dist/viewer.css";
import VueViewer from "v-viewer";

// 创建应用，并将 App 根组件挂载到 <div id="#app"></div> 中
const app = createApp(App);
// 引入图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}
// 应用 Pinia
app.use(pinia);
//图片放大
app.use(VueViewer);
// 应用路由
app.use(router);
app.mount("#app");
